<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>签到</title>
    <link rel="stylesheet" href="css/qiandao.css">
</head>
<body>
<div class="container">
    <div class="top">
        <p>汇爱长行</p>
        <p>天天签到领现金</p>
        <p>每天领取现金优惠券，快来立即签到吧！</p>
        <p>
            <a href="#">
                <img src="./imgs/qiandao/ljqd@2x.png" alt="">
            </a>
        </p>
        <p>已连续签到<span>9</span>天</p>
    </div>
    <div class="center">
        <div class="title">
            <div class="bd"></div>
            <p class="ljjl">累计奖励</p>
            <div class="bd"></div>
        </div>

        <div class="lj-bj">
            <div class="lj">
                <div class="ljqd">
                    <div class="item">
                        <span>累计签到7天</span>
                        <a class="active" href="#">
                            <img src="./imgs/qiandao/red_jf@2x.png" alt="">
                            <span>5元</span><span>优惠券</span>
                        </a>
                    </div>
                    <div class="item">
                        <span>累计签到7天</span>
                        <a href="#">
                            <img src="./imgs/qiandao/red_jf@2x.png" alt="">
                            <span>5元</span><span>优惠券</span>
                        </a>
                    </div>
                    <div class="item">
                        <span>累计签到7天</span>
                        <a href="#">
                            <img src="./imgs/qiandao/red_jf@2x.png" alt="">
                            <span>5元</span><span>优惠券</span>
                        </a>
                    </div>
                </div>
                <a href="#" class="lookmy">
                    <img src="./imgs/qiandao/ckwdyhq@2x.png" alt="">
                </a>


            </div>

        </div>
    </div>
    <div class="bottom">
        <div class="title">
            <div class="bd"></div>
            <p class="ljjl">活动规则</p>
            <div class="bd"></div>
        </div>
        <div class="hdgz">
            <p><span>1</span>
                <span>每天签到一次领取2元现金卷</span></p>
            <p><span>2</span>
                <span>连续签到7天，额外奖励5元现金卷 <br>
                连续签到15天额外奖励10元现金卷 <br>
                连续签到30天额外奖励20元现金卷</span></p>
            <p><span>3</span>
                <span>购买满百元商品可使用一张现金券</span></p>
            <p><span>4</span>
                <span>特别商品不限制金额，可直接抵扣不同	   面额现金卷一张。</span></p>

        </div>
        <div></div>
    </div>

</div>
</body>
</html>